<template>
	<view class="card-video border rounded-lg flex flex-column align-center animated fadeIn faster">
		<view class="card-video-top position-relative">
			<image class="card-video-cover rounded-top-lg" src="/static/demo/list2/2.jpg" mode="aspectFill"></image>
			<view class="card-video-info position-absolute flex align-center text-white px-1">
				<view class="flex align-center">
					<text class="iconfont iconbofangshu font-md"></text>
					<text class="ml-1">203.6万</text>
				</view>
				<view class="flex align-center ml-1">
					<text class="iconfont icondanmushu font-md"></text>
					<text class="ml-1">5190</text>
				</view>
			</view>
		</view>
		<view class="p-2 flex-1 flex flex-column">
			<view class="card-video-title text-ellipsis  mt-2">我租了个四川小姐姐陪我过生日哈哈哈哈哈哈哈哈哈哈</view>
			<view class="flex align-center justify-between text-light-muted mt-auto">
				<text>恶搞</text>
				<text class="iconfont icongengduo font-md"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "entertainment-card"
	}
</script>

<style lang="scss">
	.card-video {
		width: 328rpx;
		height: 400rpx;
		margin: 15rpx;
		.card-video-top {
			width: 100%;
			height: 220rpx;
			.card-video-cover {
				width: 100%;
				height: 220rpx;
			}
			.card-video-info {
				left: 0;
				bottom: 0;
				right: 0;
				background-color: rgba(0, 0, 0, 0.05);
			}
		}
		.card-video-title {
			max-width: 288rpx;
			line-height: 1.5 !important;
		}
	}
</style>